<!--<ion-side-menus>
    <ion-pane ion-side-menu-content>-->
<ion-view>
    <header class="bar bar-header bar-stable none-bg-color-bor" ng-class="{true:'ios_bar',false:''}[Is_Ios]">
        <h1 style="width: 50%; margin: 0 auto;" class="title Defaultfont">金鼻光</h1>
        <div ui-sref="app.BGBInstructions" class="buttons" ng-class="{true:'ios_show',false:''}[Is_Ios]">
            <p class="Blackfont-15" style="padding: 5px 10px 0 0;;">使用说明</p>
        </div>
        <div ng-click="toggleLeft()" style="width: 8%;padding: 6px 0 0 10px;" ng-class="{true:'ios_show',false:''}[Is_Ios]">
            <!--side="left" menu-toggle="left"-->
            <img src="img/icons/menu_black.svg" />
        </div>
    </header>
    <ion-content overflow-scroll="true" has-bouncing="true" class="BiGuangBao" style="overflow: hidden;">
        <div class="Moudle  SelectMoudle">
            <div class="Greenbg">
                <p class="Whitefont-17">选择一个模式</p>
                <p class="Whitefont-17">开始保养</p>
            </div>
        </div>
        <p class="Beautiful Grayfont-14">您的健康美丽是与自我用心的呵护~</p>
        <div class="row">
            <div class="col ShowBox animated zoomIn dianjiyinying">
                <a class="link_a" ng-click="goCoryza({type: 'by'},mode_mes_data.mode[0].durations)" nav-direction="forward">
                    <!--//goCoryza"Coryza"-->
                    <p class="Defaultfont-17">{{mode_mes_data.mode[0].name}}</p>
                    <img class="feature" src="img/icons/biyan.svg" />
                    <p class="Greenfont-12 Graybg"><img class="img-a" src="img/icons/time_green.svg" />时间：{{mode_mes_data.mode[0].durations / 60 | number:1}}min</p>
                    <p class="Greenfont-12 Graybg">
                        <img class="star" src="img/icons/strength_green.svg" />强度：
                        <img class="star" src="img/icons/icon_star_green1.svg" ng-repeat="img_BY_all in mode_mes_data.mode[0].img_all track by $index" />
                        <img class="star" src="img/icons/icon_star_green3.svg" ng-repeat="img_BY_half in mode_mes_data.mode[0].img_half  track by $index" />
                        <img class="star" src="img/icons/icon_star_green2.svg" ng-repeat="img_BY_no in mode_mes_data.mode[0].img_no  track by $index" />
                    </p>
                </a>
                <div class="ShowBox-div"></div>
            </div>
            <div class="col ShowBox animated zoomIn dianjiyinying">
                <a class="link_a" ng-click="goCoryza({type: 'jx'},mode_mes_data.mode[1].durations)" nav-direction="forward">
                    <p class="Defaultfont-17">{{mode_mes_data.mode[1].name}}</p>
                    <img class="feature" src="img/icons/jingxue.svg" />
                    <p class="Greenfont-12 Graybg"><img class="img-a" src="img/icons/time_green.svg" />时间：{{mode_mes_data.mode[1].durations / 60 | number:1}}min</p>
                    <p class="Greenfont-12 Graybg col-center">
                        <img class="star" src="img/icons/strength_green.svg" />强度：
                        <img class="star" src="img/icons/icon_star_green1.svg" ng-repeat="item2 in mode_mes_data.mode[1].img_all track by $index" />
                        <img class="star" src="img/icons/icon_star_green3.svg" ng-repeat="item1 in mode_mes_data.mode[1].img_half track by $index" />
                        <img class="star" src="img/icons/icon_star_green2.svg" ng-repeat="item in mode_mes_data.mode[1].img_no track by $index" />
                    </p>
                </a>
                <div class="ShowBox-div"></div>
            </div>
        </div>
        <div class="row">
            <div class="col ShowBox animated zoomIn dianjiyinying">
                <a class="link_a" ng-click="goCoryza({type: 'tjl'},mode_mes_data.mode[2].durations)" nav-direction="forward">
                    <p class="Defaultfont-17">{{mode_mes_data.mode[2].name}}</p>
                    <img class="feature" src="img/icons/tongjingluo.svg" />
                    <p class="Greenfont-12 Graybg"><img class="img-a" src="img/icons/time_green.svg" />时间：{{mode_mes_data.mode[2].durations / 60 | number:1}}min</p>
                    <p class="Greenfont-12 Graybg">
                        <img class="star" src="img/icons/strength_green.svg" />强度：
                        <img class="star" src="img/icons/icon_star_green1.svg" ng-repeat="item2 in mode_mes_data.mode[2].img_all track by $index" />
                        <img class="star" src="img/icons/icon_star_green3.svg" ng-repeat="item1 in mode_mes_data.mode[2].img_half track by $index" />
                        <img class="star" src="img/icons/icon_star_green2.svg" ng-repeat="item in mode_mes_data.mode[2].img_no track by $index" />
                    </p>
                </a>
                <div class="ShowBox-div"></div>
            </div>
            <div class="col ShowBox animated zoomIn dianjiyinying">
                <a class="link_a" ng-click="goCoryza({type: 'tqx'},mode_mes_data.mode[3].durations)" nav-direction="forward">
                    <p class="Defaultfont-17 ">{{mode_mes_data.mode[3].name}}</p>
                    <img class="feature" src="img/icons/tiaoqixue.svg" />
                    <p class="Greenfont-12 Graybg"><img class="img-a" src="img/icons/time_green.svg" />时间：{{mode_mes_data.mode[3].durations / 60 | number:1}}min</p>
                    <p class="Greenfont-12 Graybg">
                        <img class="star" src="img/icons/strength_green.svg" />强度：
                        <img class="star" src="img/icons/icon_star_green1.svg" ng-repeat="item2 in mode_mes_data.mode[3].img_all track by $index" />
                        <img class="star" src="img/icons/icon_star_green3.svg" ng-repeat="item1 in mode_mes_data.mode[3].img_half track by $index" />
                        <img class="star" src="img/icons/icon_star_green2.svg" ng-repeat="item in mode_mes_data.mode[3].img_no track by $index" />
                    </p>
                </a>
                <div class="ShowBox-div"></div>
            </div>
        </div>
    </ion-content>
    <div class="BottomShow bar-footer BottomBox  animated slideInUp" ng-class="downShow.hidden ? 'slideOutDown' : ''">
        <img src="img/icons/smallpeople.svg" />
        <p class="p_top Bluefont-13">您今天已经保养{{count_BGB_data || 0}}次</p>
        <p class="p_bottom Bluefont-13" ng-if="count_BGB_data > 3">建议合理使用、适度使用哦~</p>
    </div>
    <div ng-show="slideOpen" style="position: fixed; background-color: #000000; width: 100%; height: 100%; opacity: 0.3;"></div>
</ion-view>